<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml"
	  xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
	  layout:decorator="layout">

	<body>
	<section layout:fragment="content">
		<div class="main">
			<p th:text="${call.name}+'召集令当前排行'">xx召集令当前排行</p>
			<span class="bth9b rank" th:text="${sortMap.giftRank}">0</span>
		</div>
		<div class="bgf redcard-money size30">
			<div class="width90 margin0auto">
				<section class="ui-panel ui-panel-pure">
				    <h3 class="ui-border-b" style="text-align: center">召集令排行榜</h3>
					<table class="ui-table" id="items">
						<thead>
							<th></th>
							<th>召集令名称</th>
							<th>红包数</th>
						</thead>
					    <tbody>
						<tr th:each="item,status :${top10}"  th:if="${status.count lt 3}">
							<td th:text="${status.count}"></td>
							<td th:text="${item.name}"></td>
							<td th:text="${item.giftCount}"></td>
						</tr>
						<tr th:each="item,status :${top10}"  class="moreorder" th:if="${status.count gt 2}" style="display: none">
							<td th:text="${status.count}"></td>
							<td th:text="${item.name}"></td>
							<td th:text="${item.giftCount}"></td>
						</tr>
					    </tbody>
					</table>

					<div class="textcenter" th:if="${#lists.size(top10)} gt 2" >点击加载更多</div>
				</section>
			</div>
		</div>
			<a href="#" th:href="'/peking/gift-call/'+${callId}+'/gift'"><div class="rbtn give-redcard">确定</div></a>

		<script>
			$(".textcenter").on("click",function () {
				$(".moreorder").show();
				$(".textcenter").hide();
			});
		</script>
</section>
</body>
</html>
